<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="description" content="绿航童子军，采用香港童子军课程体系，是香港童子军安徽唯一指定合作机构。学校提倡军事及户外课程，通过各种户外活动，在"做中学"的过程中获得技能和知识，培养儿童的军人作风，独立思考，及团队协作精神。联系方式 ：05565201013" />
    <meta name="keywords" content="绿航，童子军，训练营，夏令营，安庆市训练营，暑期训练营，野外生存，训练" />
    <title>绿航军事</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="shortcut icon" href="img/logo.ico"/>
    <link rel="stylesheet" type="text/css" href="css/style1.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<header id="header">
		<div class="logo"><img src="img/logo.jpg" alt="移动logo"/></div>
		<nav class="nav">
		<ul>
		<li><a href="#">首页</a></li>	
		<li><a href="#">夏令营</a></li>		
		<li><a href="#">军事日</a></li>	
		<li><a href="#">亲子营</a></li>	
		<li><a href="#">绿航原创</a></li>	
		</ul>	
        </nav>
	</header>
<div id="myCarousel" class="carousel slide">
	<ul class="carousel-indicators">
	<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	<li data-target="#myCarousel" data-slide-to="1"></li>
	<li data-target="#myCarousel" data-slide-to="2"></li>
	<li data-target="#myCarousel" data-slide-to="3"></li>
	<li data-target="#myCarousel" data-slide-to="4"></li>
	</ul>
<div class="carousel-inner">
	<div class="item active"><img src="img/lunbo1.jpg" alt="轮播图1"/></div>
	<div class="item"><img src="img/lunbo6.jpg" alt="轮播图2"/></div>
	<div class="item"><img src="img/lunbo3.jpg" alt="轮播图3"/></div>
	<div class="item"><img src="img/lunbo4.jpg" alt="轮播图4"/></div>
	<div class="item"><img src="img/lunbo5.jpg" alt="轮播图5"/></div>
</div>	
<a href="#myCarousel" data-slide="prev" class="carousel-control left">
	<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#myCarousel" data-slide="next" class="carousel-control right">
	<span class="glyphicon glyphicon-chevron-right"></span>
</a>	
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>	
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('#myCarousel').carousel({
			interval:3000,
		});
  });
</script>
<section id="section">
<div class="icon">
		<ul>
		<li><a href="#"><img src="img/icon-1.png" alt="图片1"/>全部活动</a></li>	
		<li><a href="#"><img src="img/icon-2.png" alt="图片2"/>夏令营</a></li>		
		<li><a href="#"><img src="img/icon-3.png" alt="图片3"/>特训营</a></li>		
		<li><a href="#"><img src="img/icon-4.png" alt="图片4"/>独立营</a></li>	
		<li><a href="#"><img src="img/icon-5.png" alt="图片5"/>军事营</a></li>	
		<li><a href="#"><img src="img/icon-6.png" alt="图片6"/>民俗营</a></li>	
		<li><a href="#"><img src="img/icon-7.png" alt="图片7"/>亲子营</a></li>	
		<li><a href="#"><img src="img/icon-8.png" alt="图片8"/>绿航经典</a></li>	
		</ul>
</div>
<div class="search">
	<form>
	<input type="text" name="search" placeholder="请输入搜索目的地或项目" class="input"/>
	<button><i class="icon-search"></i>&nbsp;搜索</button>
	</form>
</div>
<div class="item">
	<h3>主题活动</h3>
	<figure><a href="#"><figcaption>半日军事定向</figcaption><img src="img/title-1.jpg" alt="标题一"/></a></figure>
	<figure><a href="#"><figcaption>真人亲子CS</figcaption><img src="img/title-2.jpg" alt="标题二"/></a></figure>
    <figure><a href="#"><figcaption>一日独立营</figcaption><img src="img/title-3.jpg" alt="标题三"/></a></figure>
    <figure><a href="#"><figcaption>香港童子军</figcaption><img src="img/title-4.jpg" alt="标题四"/></a></figure>
    <figure><a href="#"><figcaption>营员荣誉榜</figcaption><img src="img/title-5.jpg" alt="标题五"/></a></figure>
</div>
<div class="txtMarquee-top">
	<div class="hd"><h3>绿航时报</h3></div>
	<div class="bd">
		<ul class="infoList">
			<li><a href="#"><span>新年献礼:来一场成长之旅</span><span class="date">2017-3-21</span></a></li>
			<li><a href="#"><span>西九华五日山区民俗营</span><span class="date">2017-4-24</span></a></li>
			<li><a href="#"><span>五一亲子游·High玩儿大剧透</span><span class="date">2017-5-27</span></a></li>
			<li><a href="#"><span>分离后，到底谁更想谁？</span><span class="date">2017-6-22</span></a></li>
			<li><a href="#"><span>西九华五日山区民俗营</span><span class="date">2017-7-21</span></a></li>
			<li><a href="#"><span>茶、花、沉香、琴、素斋免费体验</span><span class="date">2017-8-18</span></a></li>
	   </ul>
	</div>
</div>
<div class="bottom">
<div class="bottom-h3"><h3>关于我们</h3></div>
<div class="bottom-main">
<div class="main-pic"><a href="#"><img src="img/map-1.jpg" alt="地图"/></a></div>	
<div class="main-info">
	<span>联系方式:</span><p>座机:05565201013<br/>郝老师:18956993122</p>
	<span>公司地址:</span><p>安庆市迎江区湖心南路243号</p>
</div>	
</div>	
<div class="kong"></div>
<p class="copy">安庆绿航教育咨询有限公司 版权所有 免责申明</p>
<div class="dian"></div>
</div>
</section>
<footer id="footer">
	<div>
	<ul>
		<li><a href="#"><i class="icon-home"></i><br />首页</a></li>
		<li><a href="#"><i class="icon-phone"></i><br />咨询热线</a></li>
		<li><a href="#"><img src="img/foot_zixun.png" alt="摇一摇"/></a></li>
		<li><a href="#"><i class="icon-folder"></i><br />关于我们</a></li>
		<li><a href="#"><i class="icon-border_color"></i><br />在线报名</a></li>
	</ul>	
</div>
</footer>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
	$('.txtMarquee-top').slide({
		mainCell : '.bd ul',
		autoPlay : true,
		effect : 'topMarquee',
		vis : 3,
		interTime:120
  })
</script>
</body>
</html>